<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>打印团长对货单</title>

    <style media="print" type="text/css">.noprint{display:none}</style>
    <style media="screen,print" type="text/css">

        .table-class thead tr th {
            padding: 10px !important;
            font-size: 12px;
        }
        .table-class thead tr th.no-padding {
            padding: 0 !important;
        }

        .table-class tr td{
            padding: 10px !important;
        }
        .table-class tr td.no-padding{
            padding: 0 !important;
        }
        .print-box{
            padding: 20px;
            border: 1px dashed #ccc;
        }
        .print-title-box{
            padding: 0 1%;
            display: flex;
            justify-content: space-between;
            align-items:center;
            box-sizing: border-box;
        }
        .print-box .print-title{
            font-size: 20px;
            text-align: center;
            font-weight: bold;
        }
        .print-box .print-table{
            width: 100%;
            font-size: 12px;
            border-collapse: collapse;
        }
    </style>
</head>

<body>
<div class="print-box">

    {notempty name='info.info'}
    <table class="table-class print-table" border="1" cellspacing="0">
        <colgroup>
            <col width="8%">
            <col width="10%">
            <col width="15%">
            <col width="10%">
            <col width="10%">
            <col width="10%">
            <col width="10%">
            <col width="10%">
            <col width="10%">
        </colgroup>
        <thead>
        <tr>
            <th class="no-padding" align="center" colspan="9">
                <div class="print-title-box">
                    <p>{$info.info.site_name}</p>
                    <p class="print-title">团长信息</p>
                    <p class="title-box-right">{$info.info.delivery_no}</p>
                </div>
            </th>
        </tr>
        <tr>
            <th align="center">团长名称</th>
            <th align="center">团长手机</th>
            <th align="center" colspan="2">自提点</th>
            <th align="center" colspan="2">详细地址</th>
            <th align="center">路线名称</th>
            <th align="center">配送员名称</th>
            <th align="center">配送员手机</th>
        </tr>
        </thead>
        <tbody class="table-body">
            <!-- 团长信息 start -->
            <tr>
                <td align="center">{$info.data.leader_info.leader_name}</td>
                <td align="center">{$info.data.leader_info.leader_mobile}</td>
                <td align="center" colspan="2">{$info.data.leader_info.leader_community}</td>
                <td align="center" colspan="2">{$info.data.leader_info.leader_full_address . $info.data.leader_info.leader_address}</td>
                <td align="center">{$info.data.leader_info.line_name}</td>
                <td align="center">{$info.data.leader_info.clerk_name}</td>
                <td align="center">{$info.data.leader_info.clerk_mobile}</td>
            </tr>
            <!-- 团长信息 end -->

            <!-- 商品汇总 start -->
            <tr>
                <td class="no-padding" align="center" colspan="9">
                    <div class="print-title-box">
                        <p></p>
                        <p class="print-title">商品汇总</p>
                        <p></p>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">序号</td>
                <td align="center" colspan="5">商品</td>
                <td align="center">一级分类</td>
                <td align="center">数量</td>
                <td align="center">总价</td>
            </tr>
            {volist name='$info.data.goods_gather' id='vo'}
            <tr>
                <td align="center">{$vo.serial}</td>
                <td align="center" colspan="5">{$vo.sku_name}</td>
                <td align="center">{$vo.category_name_1}</td>
                <td align="center">{$vo.num}</td>
                <td align="center">{$vo.goods_money}</td>
            </tr>
            {/volist}
            <!-- 商品汇总 end -->

            <!-- 客户明细 start -->
            <tr>
                <td class="no-padding" align="center" colspan="9">
                    <div class="print-title-box">
                        <p></p>
                        <p class="print-title">客户明细</p>
                        <p></p>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">序号</td>
                <td align="center">订单编号</td>
                <td align="center">收货人名称/手机号</td>
                <td align="center" colspan="3">商品</td>
                <td align="center">一级分类</td>
                <td align="center">数量</td>
                <td align="center">商品总价</td>
            </tr>
            {volist name='$info.data.order_goods' id='vo'}
            <tr>
                <td align="center">{$vo.serial}</td>
                <td align="center">{$vo.order_no}</td>
                <td align="center">{$vo.receiver_name_and_mobile}</td>
                <td align="center" colspan="3">{$vo.sku_name}</td>
                <td align="center">{$vo.category_name_1}</td>
                <td align="center">{$vo.num}</td>
                <td align="center">{$vo.goods_money}</td>
            </tr>
            {/volist}
            <!-- 客户明细 end -->
        </tbody>
    </table>
    {/notempty}
</div>
</body>

</html>